.styles-conterner {
  width: 100%;
  height: calc(100% - 2px);
  border: 0;
  box-shadow: unset;
  :deep(.el-card__header) {
    box-sizing: border-box;
    width: 100%;
    padding: 0 var(--el-card-padding);
    border-bottom: 0;
    .style-query {
      margin-top: 10px;
      border-bottom: 1px solid var(--el-card-border-color);
      .style-query-title {
        display: flex;
        align-items: center;
        height: 38px;
        .normal-title {
          font-size: 14px;
          font-weight: 500;
          line-height: 14px;
          color: rgb(0 0 0 / 90%);
        }
        .title-description {
          margin-left: 8px;
          font-size: 12px;
          font-weight: 400;
          line-height: 12px;
          color: rgb(0 0 0 / 60%);
        }
        .filter-box {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 28px;
          height: 28px;
          margin-right: 5px;
          margin-left: auto;
          cursor: pointer;
          background: #2a78ff;
          border: 1px solid #e7e7e7;
          border-radius: 2px;
        }
      }
      .style-query-form {
        display: flex;
        justify-content: flex-start;
        height: 52px;
        .el-form-item {
          align-items: center;
          margin-right: 20px;
          margin-bottom: 0;
        }
        .el-select,
        .el-input {
          width: 158px;
          height: 30px;
        }
      }
    }
  }
  :deep(.el-card__body) {
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 100px);
    padding: 0 var(--el-card-padding) var(--el-card-padding) var(--el-card-padding);
    .card-body-conterner {
      width: 100%;
      height: 100%;
      .styles-table {
        height: calc(100% - 50px);
        .style-table-header-cell {
          color: rgb(0 0 0 / 90%);
        }
        .operation-button-area {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          .operation-button {
            margin-right: 12px;
            cursor: pointer;
          }
        }
      }
      .styles-pagination {
        align-items: center;
        justify-content: flex-end;
        height: 50px;
      }
    }
  }
}
